<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>alipay</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="wrap">
			<header>
				<ul>
					<li>
						<em class="iconfont icon-shape"></em>
						<span>账单</span>
					</li>
					<li>
						<em class="iconfont icon-tongxunlu"></em>
						<em class="iconfont icon-sousuo"></em>
						<em class="iconfont icon-tianjia"></em>
					</li>
				</ul>

			</header>
			<section>
				<nav>
					<ul>
						<li>
							<i class="iconfont icon-scan"></i>
							<span>扫一扫</span>
						</li>
						<li>
							<i class="iconfont icon-fukuanma"></i>
							<span>付款</span>
						</li>
						<li>
							<i class="iconfont icon-qiaquanguanli"></i>
							<span>卡券</span>
						</li>
						<li>
							<i class="xiuyixiu"><img src="img/app1.jpg" alt="" /></i>
							<span>咻一咻</span>
						</li>
					</ul>
				</nav>

				<ul>
					<li>
						<i class="iconfont icon-zhuanzhang"></i>
						<span>转账</span>
					</li>
					<li>
						<i class="iconfont icon-hongbao"></i>
						<span>红包</span>
					</li>
					<li>
						<i class="iconfont icon-yuebao"></i>
						<span>余额宝</span>
					</li>
					<li>
						<i class="iconfont icon-shoujichongzhi"></i>
						<span>手机充值</span>
					</li>
					<li>
						<i class="iconfont icon-xinyongqiahuankuan"></i>
						<span>信用卡还款</span>
					</li>
					<li>
						<i class="iconfont icon-zhimaxinyong"></i>
						<span>芝麻信用</span>
					</li>
					<li>
						<i class="iconfont icon-didichuhang"></i>
						<span>滴滴出行</span>
					</li>
					<li>
						<i class="iconfont icon-taopiaopiao"></i>
						<span>淘票票</span>
					</li>
					<li>
						<i class="iconfont icon-mayijubao"></i>
						<span>蚂蚁聚宝</span>
					</li>
					<li>
						<i class="iconfont icon-waimai"></i>
						<span>外卖</span>
					</li>
					<li>
						<i class="iconfont icon-tianmao"></i>
						<span>天猫</span>
					</li>
					<li>
						<i class="iconfont icon-shenghuojiaofei"></i>
						<span>生活缴费</span>
					</li>
				</ul>
				<a href="#"><img src="img/guanggao.jpg" /></a>
				<ul>
					<li>
						<i class="iconfont icon-jipiao"></i>
						<span>出行</span>
					</li>
					<li>
						<i class="iconfont icon-fuwuchuangb"></i>
						<span>收藏</span>
					</li>
					<li>
						<i class="iconfont icon-tianmaochaoshi"></i>
						<span>天猫超市</span>
					</li>
					<li>
						<i class="iconfont icon-jizhang"></i>
						<span>账单</span>
					</li>
					<li>
						<i class="iconfont icon-yuebao"></i>
						<span>余额宝</span>
					</li>
					<li>
						<i class="iconfont icon-tianmaochaoshi"></i>
						<span>天猫超市</span>
					</li>
					<li>
						<i class="iconfont icon-jizhang"></i>
						<span>账单</span>
					</li>
					<li>
						<i class="iconfont icon-yuebao"></i>
						<span>余额宝</span>
					</li>
				</ul>
			</section>
			<footer>
				<ul>
					<li>
						<i class="iconfont icon-iconfonticonfontzhifubao"></i>
						<span>支付宝</span>
					</li>
					<li>
						<i class="iconfont icon-koubei"></i>
						<span>口碑</span>
					</li>
					<li>
						<i class="iconfont icon-pengyou"></i>
						<span>朋友</span>
					</li>
					<li>
						<i class="iconfont icon-yiban"></i>
						<span>我的</span>
					</li>
					
				</ul>
			</footer>
		</div>
	</body>

</html>